﻿.grid-control-buttons .left-padding {
    width: 5px;
}

.selectall {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 3px;
    margin-top: 9px;
}

.grey-item {
    position: relative;
    float: left;
    width: auto;
    height: auto;
    margin: 0 1px 0 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fafafa 0 0;
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: none;
    display: block;
    color: #333;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    line-height: 14px;
    text-shadow: #fff 0px 1px;
}


.grey-button {
    text-align: center;
    cursor: pointer;
}

    .grey-button:hover {
        text-decoration: none;
    }

    .grey-button:active {
        background: transparent 0 0;
    }

.askbutton-grey {
    float: left;
    margin: -1px 5px 0 2px;
    height: 14px;
    width: 17px;
    background: transparent 0 0px no-repeat;
}

.grid-height {
    height: 35em;
}

.grid-width {
    width: 48em;
}

#gridUI {
    padding-bottom: 50px;
}

#grid {
    position: relative;
    float: left;
    outline: none;
}

#grid-container {
    position: relative;
    float: left;
    height: auto;
    background: (linear, left bottom, left top, color-stop(0, #F7F9FC), color-stop(1, white));
}

#grid-inner-container {
    margin: 0px 0 6px 6px;
    overflow: auto;
    overflow-x: hidden;
}

.grid-control-bar {
    height: 37px;
}

.grid-control-buttons {
    padding: 5px;
}

.grid-item-content-area {
    width: 100%;
    height: 100%;
}

.yellow-message {
    position: absolute;
    margin-left: 35%;
    margin-top: -10%;
    width: auto;
    padding: 5px;
    font-weight: bold;
    color: black;
    background-color: #F2BC00;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: none;
}

.grid-item-bar {
    float: left;
    width: 100%;
    height: 2.5em;
    background: #e5e5e5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

    .grid-item-bar:hover {
        cursor: pointer;
    }

.checked-grid-item-bar {
    background: none;
    background-color: #FFF0BA;
}

.selected-grid-item-bar {
    background: none;
    background-color: #ADC1D6;
}

.done-grid-item-bar {
    background: none;
    background-color: #ccc;
    color: #fff;
}

.selected-item {
    left: 0px;
}

.left-padding {
    float: left;
    height: 15px;
    width: 7px;
    margin: 5px 3px 3px 3px;
    background: transparent 0 0 no-repeat;
}

.checkbox {
    float: left;
    height: auto;
    width: auto;
    margin: 3px;
}

.grid-item-left-tag-area {
    float: left;
    height: 14px;
    width: 160px;
    margin: 4px 3px 3px 5px;
    font-size: 10px;
    overflow: hidden;
    position: relative;
}

.grid-item-title-area {
    float: left;
    height: 15px;
    width: 300px;
    margin: 5px 3px 3px 5px;
    font-size: 14px;
    font-weight: normal;
    overflow: hidden;
    color: #222;
}

.grid-item-right-area {
    float: left;
    height: 14px;
    width: 110px;
    margin: 4px 3px 3px 5px;
    font-size: 10px;
    overflow: hidden;
}

.grid-item-date-area {
    float: left;
    height: 14px;
    width: 80px;
    margin: 7px 4px 3px 5px;
    font-size: 10px;
    overflow: hidden;
}

.view-name {
    width: 40%;
    overflow: hidden;
    display: inline;
}

.view-value {
    float: right;
    width: 60%;
    overflow: hidden;
    display: inline;
}

.view-row {
}

#viewer {
    position: relative;
    background-color: #eee;
    width: 12em;
    float: left;
    margin-top: 37px;
    outline: none;
    overflow: auto;
}

#nav {
    position: relative;
    float: left;
    width: 150px;
    margin-left: 15px;
    margin-top: 37px;
    outline: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.nav-items-list {
    position: relative;
    outline: none;
}

.grid-items-list {
    outline: none;
    overflow: auto;
}

​ .sidebar ul, .sidebar li {
    list-style-type: none;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-left: -10px;
}

    .sidebar li:hover {
        background-color: #eee;
    }

.nav-category li a {
    text-decoration: none;
    font-size: 1.25em;
}

.no-data {
    width: 111px;
    margin: 0 auto;
}

.image-button, .image-button:hover {
    text-indent: -100000px;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    background-size: 20px 20px;
    opacity:0.8;
    filter:alpha(opacity=80);
    border-color: #AAA; 
}

    .image-button:hover {
    -webkit-box-shadow: 2px #333 inset;
    -moz-box-shadow: 2px #333 inset;
    box-shadow: 2px #333 inset;
    border-color: #333;
    opacity:1.5;
    filter:alpha(opacity=150);
    }

    .image-button[tip]:hover:after {
        content: attr(tip);
        padding: 4px 8px;
        color: #333;
        position: absolute;
        left: 0;
        top: 100%;
        white-space: nowrap;
        z-index: 20000;
        text-indent: 0px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0px 0px 4px #222;
        -webkit-box-shadow: 0px 0px 4px #222;
        box-shadow: 0px 0px 4px #222;
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eeeeee),color-stop(1, #cccccc));
        background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
        background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
    }

.global-buttons {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.edit-buttons {
    float: left;
}

.image-input {
    text-indent: -100000px;
    background-repeat: no-repeat;
    background-position: center;
    width: 30px;
    background-size: 20px 20px;
}

#newDataButton {
    background-color: #4D90FE;
    background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
    background-image: -webkit-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -moz-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -ms-linear-gradient(top,#4D90FE,#4787ED);
    background-image: -o-linear-gradient(top,#4D90FE,#4787ED);
    background-image: linear-gradient(top,#4D90FE,#4787ED);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
    border: 1px solid #3079ED;
    color: white !important;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 30px;
    width: 70px;
    text-align: center;
}

    #newDataButton span {  
    font-size: 18px;
    }
    
       .up-button, .up-button:hover {
    background-image: url('/Content/images/glyphicons_224_thin_arrow_up.png');
}
       
          .down-button, .down-button:hover {
    background-image: url('/Content/images/glyphicons_224_thin_arrow_down.png');
}

        .play-button, .play-button:hover {
    background-image: url('/Content/images/glyphicons_173_play.png');
}
    
    .refresh-button, .refresh-button:hover {
    background-image: url('/Content/images/glyphicons_081_refresh.png');
}
.cancel-button, .cancel-button:hover {
    background-image: url('/Content/images/glyphicons_207_remove_2.png');
}

.save-button, .save-button:hover {
    background-image: url('/Content/images/glyphicons_206_ok_2.png');
}

.pin-button, .pin-button:hover {
    background-image: url('/Content/images/glyphicons_335_pin_classic.png');
}

.settings-button, .settings-button:hover {
    background-image: url('/Content/images/glyphicons_119_adjust.png');
}

.search-button, .search-button:hover {
    background-image: url('/Content/images/glyphicons_027_search.png');
}

.filter-button, .filter-button:hover {
    background-image: url('/Content/images/glyphicons_320_filter.png');
}

.archive-button, .archive-button:hover {
    background-image: url('/Content/images/glyphicons_134_inbox_in.png');
}

.delete-button, .delete-button:hover {
    background-image: url('/Content/images/glyphicons_016_bin.png');
}

.add-button, .add-button:hover {
    background-image: url('/Content/images/glyphicons_131_inbox_plus.png');
}

.edit-button, .edit-button:hover {
    background-image: url('/Content/images/glyphicons_030_pencil.png');
}

.loading-results {
    background-image: url('/Content/images/Loading.gif');
    width: 128px;
    height: 14px;
    text-indent: -10000px;
    margin: 0 auto;
}

.nav-entry {
    display: block;
}

.nav-category a {
    text-decoration: none;
    font-size: 1.3em;
    background-color: transparent;
}

.nav-entry:hover , .nav-entry.current {
    background-color: #CFD6DE;
}

#nav h3 {
    margin: 0;
    background-color: #ADC1D6;
}

.edit-form {
    position: relative;
}

    .edit-form .value {
    float: right;
    }

.edit-form table{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #E5E5E5;
}

.editor-box {
    margin: auto;
    width: 50%;
}

.error {
    font: normal 10px arial;
    padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00;
}

#methodParams .param-entry {
display: inline-block;
width: 450px;
}

#methodParams .entry-name {
width: 20%;
display: inline-block;
}

#methodParams .value {
width: 80%;
display: inline-block;
}

#methodCallString {
    width: 550px;
    margin-left: 20px;
    margin-right: 20px;
    background-color: white;
}

#methodParams {
display: inline-block;
}

input[readonly=readonly] {
    border: 1px solid #999;
    background-color: #ddd;
}

::-webkit-scrollbar {
    width: 13px;
    height: 13px;
}

::-webkit-scrollbar-track-piece:disabled {
    display: none !important;
}

::-webkit-scrollbar-button:disabled {
    display: none !important;
}

::-webkit-scrollbar-track:disabled {
    margin: 6px;
}

/* Horizontal Scrollbar Styles */

::-webkit-scrollbar:horizontal {
    border-color: transparent;
    border-width: 0 2px;
}

    ::-webkit-scrollbar:horizontal:corner-present {
        border-right-width: 0;
    }

::-webkit-scrollbar-track:horizontal:disabled:corner-present {
    margin-right: 5px;
}

::-webkit-scrollbar:horizontal:window-inactive {
}

::-webkit-scrollbar-thumb:horizontal {
    border-color: transparent;
    border-width: 0 13px;
    min-width: 20px;
}

::-webkit-scrollbar-track:horizontal:disabled {
    border-color: transparent;
    border-width: 0 13px;
}

::-webkit-scrollbar-track-piece:horizontal:decrement {
    border-color: transparent;
    border-width: 0 0 0 13px;
}

::-webkit-scrollbar-track-piece:horizontal:increment {
    border-color: transparent;
    border-width: 0 13px 0 0;
}

::-webkit-scrollbar-button:horizontal {
    width: 20px;
    border-color: transparent;
    border-width: 0 2px;
}

:not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:decrement, .double-start::-webkit-scrollbar-button:horizontal:start:decrement, .double-both::-webkit-scrollbar-button:horizontal:start:decrement {
    width: 14px;
    border-right-width: 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:increment, .double-end::-webkit-scrollbar-button:horizontal:end:increment, .double-both::-webkit-scrollbar-button:horizontal:end:increment {
    width: 14px;
    border-left-width: 0;
}

::-webkit-scrollbar-button:horizontal:end:increment:corner-present {
    border-right-width: 0;
    width: 19px;
}

:not(.single)::-webkit-scrollbar-button:double-button:horizontal:end:increment:corner-present, .double-end::-webkit-scrollbar-button:horizontal:end:increment:corner-present, .double-both::-webkit-scrollbar-button:horizontal:end:increment:corner-present {
    width: 13px;
}

/* Vertical Scrollbar Styles */

::-webkit-scrollbar:vertical {
    border-color: transparent;
    border-width: 2px 0;
}

    ::-webkit-scrollbar:vertical:corner-present {
        border-bottom-width: 0;
    }

::-webkit-scrollbar-track:vertical:disabled:corner-present {
    margin-bottom: 5px;
}

::-webkit-scrollbar:vertical:window-inactive {
}

::-webkit-scrollbar-thumb:vertical {
    border-color: transparent;
    border-width: 13px 0;
    min-height: 20px;
    background-color: #333;
}

::-webkit-scrollbar-track-piece:vertical:start:no-button, .double-end::-webkit-scrollbar-track-piece:vertical:start, .none::-webkit-scrollbar-track-piece:vertical:start {
    margin-top: 6px;
}

::-webkit-scrollbar-track-piece:vertical:end:no-button, .double-start::-webkit-scrollbar-track-piece:vertical:end, .none::-webkit-scrollbar-track-piece:vertical:end {
    margin-bottom: 6px;
}

    ::-webkit-scrollbar-track-piece:vertical:end:no-button:corner-present, .double-start::-webkit-scrollbar-track-piece:vertical:end:corner-present, .none::-webkit-scrollbar-track-piece:vertical:end:corner-present {
        margin-bottom: 5px;
    }

:not(.none):not(.double-end)::-webkit-scrollbar-track-piece:vertical:start:single-button, :not(.none):not(.double-end)::-webkit-scrollbar-track-piece:vertical:start:double-button, .single::-webkit-scrollbar-track-piece:vertical:start, .double-start::-webkit-scrollbar-track-piece:vertical:start, .double-both::-webkit-scrollbar-track-piece:vertical:start {
    margin-top: -6px;
}

:not(.none):not(.double-start)::-webkit-scrollbar-track-piece:vertical:end:single-button, :not(.none):not(.double-start)::-webkit-scrollbar-track-piece:vertical:end:double-button, .single::-webkit-scrollbar-track-piece:vertical:end, .double-end::-webkit-scrollbar-track-piece:vertical:end, .double-both::-webkit-scrollbar-track-piece:vertical:end {
    margin-bottom: -6px;
}

::-webkit-scrollbar-track:vertical:disabled {
    border-color: transparent;
    border-width: 13px 0;
}

::-webkit-scrollbar-track-piece:vertical:decrement {
    border-color: transparent;
    border-width: 13px 0 0 0;
}

::-webkit-scrollbar-track-piece:vertical:increment {
    border-color: transparent;
    border-width: 0 0 13px 0;
}

::-webkit-scrollbar-button:vertical {
    height: 20px;
    border-color: transparent;
    border-width: 2px 0;
}

::-webkit-scrollbar-button:vertical:decrement {
    background-position: 3px 3px, 0 0;
}

::-webkit-scrollbar-button:vertical:increment {
    background-position: 3px 8px, 0 0;
}

    ::-webkit-scrollbar-button:vertical:increment:hover {
    }

    ::-webkit-scrollbar-button:vertical:increment:active {
    }

    ::-webkit-scrollbar-button:vertical:increment:window-inactive {
    }

:not(.single)::-webkit-scrollbar-button:double-button:vertical:start:decrement, .double-start::-webkit-scrollbar-button:vertical:start:decrement, .double-both::-webkit-scrollbar-button:vertical:start:decrement {
    height: 14px;
    border-bottom-width: 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:vertical:start:increment, .double-start::-webkit-scrollbar-button:vertical:start:increment, .double-both::-webkit-scrollbar-button:vertical:start:increment {
    background-position: 3px 4px, 0 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:vertical:end:decrement, .double-end::-webkit-scrollbar-button:vertical:end:decrement, .double-both::-webkit-scrollbar-button:vertical:end:decrement {
    background-position: 3px 8px, 0 0;
}

:not(.single)::-webkit-scrollbar-button:double-button:vertical:end:increment, .double-end::-webkit-scrollbar-button:vertical:end:increment, .double-both::-webkit-scrollbar-button:vertical:end:increment {
    height: 14px;
    border-top-width: 0;
}

::-webkit-scrollbar-button:vertical:end:increment:corner-present {
    border-bottom-width: 0;
    height: 19px;
}

:not(.single)::-webkit-scrollbar-button:double-button:vertical:end:increment:corner-present, .double-end::-webkit-scrollbar-button:vertical:end:increment:corner-present, .double-both::-webkit-scrollbar-button:vertical:end:increment:corner-present {
    height: 13px;
}

/* Forced Scrollbar Mode Styles */

.single::-webkit-scrollbar-button:start:decrement, .single::-webkit-scrollbar-button:end:increment {
    display: block;
}

.single::-webkit-scrollbar-button:start:increment, .single::-webkit-scrollbar-button:end:decrement {
    display: none;
}

.double-end::-webkit-scrollbar-button:start {
    display: none;
}

.double-end::-webkit-scrollbar-button:end {
    display: block;
}

.double-start::-webkit-scrollbar-button:start {
    display: block;
}

.double-start::-webkit-scrollbar-button:end {
    display: none;
}

.double-both::-webkit-scrollbar-button {
    display: block;
}

.none::-webkit-scrollbar-button {
    display: none;
}
